@charset "utf-8";
@font-face {
	font-family: 'm_reg';
	src: url('fonts/MYRIADPRO-REGULAR.eot');
	src: url('fonts/gothic.eot?#iefix') format('embedded-opentype'), url('fonts/MYRIADPRO-REGULAR.woff') format('woff'), url('fonts/MYRIADPRO-REGULAR.ttf') format('truetype'), url('fonts/MYRIADPRO-REGULAR.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'm_bold';
	src: url('fonts/MYRIADPRO-BOLD.eot');
	src: local('☺'), url('fonts/MYRIADPRO-BOLD.woff') format('woff'), url('fonts/MYRIADPRO-BOLD.ttf') format('truetype'), url('fonts/MYRIADPRO-BOLD.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#494949; 
	background:#1B1B1B
}
* {
	margin:0;
	padding:0
}
p {
	margin:15px 0
}
ul {
	margin:0;
	padding:0;
	list-style-type:none
}
.left {
	float:left
}
.right {
	float:right
}
.opc:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.u_hover:hover{ text-decoration:underline }
:focus {
	outline:none;
	border-color:transparent
}
.clr {
	clear:both;
	width:100%;
	float:none;
	display:block
}
a {
	text-decoration:none; cursor: pointer
}

h1, h2, h3, h4, h5, h6{ font-weight:normal}

.pad_260{ padding-top:260px}
.pad_10{ padding-top:10px}
.pad_20{ padding-top:20px}
.pad_30{ padding-top:30px}

.cont_header{ background:url(../images/bg_header.gif) repeat-x;}
.header{height:115px; margin:0 auto}
.cont_page{ width:958px; margin:0 auto; position:relative}
.cont_page_logged{ width:1024px; margin:0 auto; position:relative} 
.content_header{ background:url(../images/bg_head.jpg); width:1050px; position:relative; height:110px; left:-92px}

.cont_logo{ margin:10px 0 0 120px}
.login_top { margin:15px 0 0 0}
.login_top .cont_ch{ height:41px; background:#5C5C5C; margin-right:5px;}
.login_top .champ{ color:#fff; background:#5C5C5C; border:0; margin:13px 10px 0 10px;font-family:"m_reg", Arial; font-size:14px; width:163px;}
.btn{ background:url(../images/btn.gif) repeat-x; border:0}
.login_top .btn{ height:40px; border:2px solid #fff; width:40px; text-align:center; font-family:"m_reg", Arial; font-size:17px; text-transform:uppercase}
.login_top a{ color:#fff;font-family:"m_reg", Arial; font-style:italic; display:block;line-height: 22px;margin-left: 192px; clear:both;}
.login_top a span{text-decoration: underline}

.cont_service{clear: both;position:relative; color:#fff}
.cont_service li{ float:left; width:294px; height:77px; margin:0 17px 15px 0; background:#DB0B74}
.cont_service li.trosieme{ margin-right:0}
.cont_affiche{ background:url(../images/bg_afiche.gif) repeat-y; height:45px; width:929px; position:relative; float:right}
.cont_lst_service{ padding:22px 20px 12px 20px; background:#FF0080}
.left_aff{ position:absolute; left:-29px; top:-1px}
.line_service{ background:url(../images/line_service.png); height:1px; position:absolute; left:0; top:-1px; width:929px}

.cont_img{ overflow:hidden}
.wrapper{ background:url(../images/bg.gif)}
.cont_service .cont_img{ float:left; margin:3px 15px 0 3px; background:#fff}
.cont_service .info{ display: block; float: left; padding: 3px 0 0; width: 170px;}
.cont_service .info a{ color:#fff; font-size:16px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; display:block; width:150px; overflow:hidden; text-overflow:ellipsis;-ms-text-overflow:ellipsis; white-space:nowrap}
.cont_service .info p{ margin:0; height:50px; overflow:hidden; text-align:justify}
.show_hide{ width:auto; height:39px; display:block; float:right; background:url(../images/btn_service.png) no-repeat right bottom; margin:3px 20px 0 0}
.show_hide.active{ width:23px; height:39px; display:block; float:right; background:url(../images/btn_service.png) no-repeat center top; margin-top:5px}
.show_hide span{ height:39px; display:block;background:url(../images/btn_service.png) no-repeat left -39px; padding-left:80px; padding-right:80px; font-size:19px; line-height:39px;}
.clip{ height:0; overflow:hidden}
.ombre_serv{ height:22px; width:813px; background:url(../images/ombre_serv.png); position:absolute; right: 75px;top: 45px;}

.cont_bannier{ height:488px;margin:22px 0 3px 0; }

.form_inscrip{	height: 486px;	width: 333px; background:url(../images/form_inscrip.gif) repeat-x; float:left; position:relative}


h1{ font-size:31px; font-family:"m_reg", Arial; text-transform:uppercase;line-height:25px}
h1 span{font-family:"m_reg", Arial; }
.cont_form_inscrip{ width:290px; margin:0 auto 0 auto; padding:22px 0 0 0}
.cont_form_inscrip h1{ margin:0; color:#fff}
.cont_form_inscrip h1 span{ color:#80b300}
.cont_tit_inscrip{ background:url(../images/ombre_title.png) no-repeat center bottom; text-align:center; height:50px}
.cont_tit_inscrip i{ font-size:14px; text-transform:uppercase; color:#91908C;font-family:"m_reg", Arial; font-style:normal; float:right; padding-top:5px; font-weight:normal}

.line_t_b{ border-top:2px solid #4D4946; padding:5px 0; border-bottom:2px solid #4D4946; margin-bottom:15px}
.form_inscrip label{ color:#fff; margin-right:20px; display:block; float:left}
.form_inscrip label.last{ margin-right:0;}
.form_inscrip label em{ font-style:normal; padding-left:5px; display:block; float:left; line-height:13px;}
.form_inscrip .btn_check{display:block; float:left}
.form_inscrip b{ font-weight:normal; clear:both; color:#fff; padding:7px 0; display:block}
.form_inscrip .cont_ch{ background:#4c4946; height:30px; margin-bottom:15px}
.form_inscrip .cont_ch .champ{ background:#4c4946; margin:5px 9px 0 9px; border:0; color:#fff;height: 18px; width: 272px;}

.certification{ margin-right:0!important}
.certification .btn_check{ margin-top:5px}
.certification em{ width:267px;color:#80b300; font-style: italic; font-size:12px}
.certification em a{ color:#80b300; }

.form_inscrip .btn{ font-size:17px; color:#ff0080; height:28px; padding:0 17px; background: #fff url(../images/btn_long.gif) repeat-y right top; border-radius:5px;-moz-border-radius:5px; margin:5px auto 0 auto;}
.form_inscrip .btn:hover{ background:#fff}
.cont_slider{ float:right; width:625px; height:445px; margin-top:20px; position:relative}
.fleche{ background:url(../images/fleche.png); width:39px; height:65px; position:absolute; left:-18px; top:22px}
.deco{ position:absolute; right:-16px; background:url(../images/deco_inscrip.png); height:21px; width:16px;}
.deco.deco_bot{ bottom:0; background-position:left bottom}
.list_slide{width:625px; height:445px; position:relative}
.deco_slide{ background:url(../images/bg.gif); width:39px; height:39px; position:absolute; right:0; top:0; z-index:100}
.deco_slide div{ background: url(../images/deco_slide.png); width:39px; height:39px}
.nav_slide{ position:absolute; bottom:10px; right:10px}
.nav_slide li{ display:block; float:left; height:22px; width:22px; background:url(../images/nav_slide.png); margin-left:8px}
.nav_slide li a{ display:block;height:22px; width:22px;}
.nav_slide li.selected,.nav_slide li:hover { background-position:left bottom}

.cont_caroussel{ height:235px;; padding-bottom:15px; position:relative}
.tit_perso{ height:42px; background:#302F2B; float:left; font-size:20px; padding:0 10px; position:relative; margin:20px 0 15px 0}
.tit_ombre{ background:url(../images/tit_ombre.png); width:8px; height:72px; position:absolute; left:0; top:-15px}
.tit_deco{ width:; background:url(../images/bg.gif); width:13px; height:10px; position:absolute; right:0; top:0}
.tit_deco div{ width:; background:url(../images/tit_deco.png); width:13px; height:10px;}
.tit_perso span{ color:#fff; text-transform:uppercase;font-family:"m_reg", Arial; display:block; float:left; background:url(../images/tit1.png) no-repeat left center; padding:0 23px 0 30px ; line-height:42px} 
.tit_perso span em{ color:#80b300; font-style: normal}
.liste_carou{}
.liste_carou li{ display:block; float:left; position:relative; width:150px; height:192px; padding:16.8px; background:#fff; margin-right:10px}
.liste_carou li.last{ margin-right:0}
.liste_carou .cont_img{ }
.info_pers{ font-size:13px; padding:13px 0; font-family:"m_bold", Arial;; border-bottom:2px solid #F5237E; margin-bottom:10px}
.liste_carou p{ margin:0; color:#494949; font-size:11px; text-align: justify; height:29px; overflow:hidden}
.carrou_ombre{ background:url(../images/carou_ombre.png); width:167px; height:7px; position:absolute; bottom:-7px; left:8px}
.control_carou{}
.control_carou a{ display: block; height:58px; width:39px; position:absolute; top:80px; background:url(../images/carou_control.png) no-repeat}
.control_carou .leftcarou{ left:-50px}
.control_carou .leftcarou:hover{ background-position: left -116px}
.control_carou .rightcarou{ right:-50px; background-position:left -59px }
.control_carou .rightcarou:hover{background-position:left -175px }
.footer{ border-top:4px solid #FF0080}
.link_footer{ background:url(../images/footer_bg.gif) repeat-y center top; height:50px; text-align:center}
.link_footer li{ display:inline-block; padding:0 20px; line-height:33px; height:33px; background:url(../images/line_footer.png) no-repeat right center; margin-top:10px}
.link_footer li.last{ background:none; padding-right:0}
.link_footer li a{ color:#999;font-family:"m_reg", Arial;; font-size:12px}
.link_footer li a:hover{ text-decoration:underline; color:#999}
.copy{ display:block; text-align:center; color:#999; padding:10px 0 16px 0;font-size:12px}
.welcom_blk{ background:url(../images/welcom_bg.png) repeat-y; height:50px; width:420px; margin-top:39px}
.welcom_blk a{ line-height:50px; font-size:17px;; color:#fff; display:block; float:left}
.welcom_blk .name { width:242px; text-align:right; padding-right:20px; cursor:default}
.welcom_blk .logout{ padding-left:17px;font-family:"m_reg", Arial; text-decoration: underline; font-weight:normal}
.cont_img_profil{ width:93px; height:101px; border:#C60968 3px solid; float:left}
.cont_info_profil{ width:800px;float:left; padding-left:18px}

.welcom_txt{ font-size:16px; position:relative; float:left}
.welcom_txt img{ position:absolute;right: -39px;top: -8px;}
.statu{ margin:10px 0 0 0}
.statu img{ float:left; margin:2px 8px 0 0}
.statu span{ float:left; display:block}

.lst_acces{}
.lst_acces ol{ background:url(../images/acces_line.png) repeat-y center top; display:block; float:left; width:; height:46px;; line-height:46px; padding:0; margin-right:10px; margin-bottom:0}
.lst_acces ol.last{ margin-right:0}
.lst_acces ol a{ display:block; line-height:46px; background: url(../images/arrow.png) no-repeat left center; color:#fff; padding-left:58px; font-size:19px}
.cont_affiche .left_aff{overflow:hidden;height: 46px;}
.cont_affiche.perso .left_aff{overflow:hidden;height: 33px;}
.cont_lst_service.perso{ padding-bottom:7px}
.cont_affiche.perso  .left_aff img{ margin-top:-16px;}
.cont_affiche.perso { background:#FF0080;height: 30px;}

.page_interne{ padding:15px 0 17px 0}
.col_left{ width:243px; margin:0 11px 0 0}
.col_center{ width:505px;}
.col_right{ width:187px;}

.nav_left{ background:#CFCFCF url(../images/ombre_left_nav.png) no-repeat center bottom}
.nav_left li{ display:block; height:46px; background:url(../images/left_li_nav.gif) no-repeat center bottom; display:block; width:100%}
.nav_left li span{ height:44px; background:#3F3F3F url(../images/arrow_left.png) no-repeat 8px center; display:block; font-size:15px; color:#fff; padding-left:60px; line-height:44px; white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis; text-transform:uppercase; font-family:"m_reg", Arial;; font-size:15px}
.nav_left li a{ height:44px; background:url(../images/arrow_left.png) no-repeat 8px center; display:block; font-size:15px; color:#333333; line-height:44px; white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis; text-transform:uppercase; font-family:"m_reg", Arial;; font-size:15px}
.msie .nav_left li a{ font-size:13px}
.nav_left li a:hover,.nav_left li a.selected { height:44px; background: #e6a7c7 url(../images/m_hover.png) no-repeat left bottom; display:block; color:#333333; line-height:44px; white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis; text-transform:uppercase; font-family:"m_reg", Arial;}
.nav_left li a em{height:44px; display:block;padding-left:60px;background:url(../images/arrow_left.png) no-repeat 8px center; font-style:normal }

.list_autres{ background:#FF0080; padding-bottom:10px; position:relative}
.list_autres li{ border-bottom:1px dashed #FF44A2; margin-left:7px}
.list_autres li.last{ border-bottom:0}
.list_autres li a{ padding:10px 0 10px 54px; display:block; color:#fff; font-size:15px; text-transform:uppercase; font-family:"m_reg", Arial; }
.list_autres li a:hover{ color:#FFD5EA}

.deco_nav_left{ background:url(../images/bg.gif); width:23px; height:25px; position:absolute; left:0; bottom:0}
.deco_nav_left div{ background:url(../images/deco_left_nav.png); width:23px; height:25px;}

.blk_content{ background:#CECECE; padding:8px 12px 12px 12px; margin-bottom:12px; position:relative}
.blk_content h1{ font-size:16px; color:#fff; background:#3F3F3F; height:36px; line-height:36px; padding:0 20px; position:relative; top:-13px; margin:0; float:left}
.blk_content h1 b{ position:absolute; left:-7px; top:-2px; background:url(../images/deco_content.png); width:7px; height:7px; display:block}
.blk_content h1 i{ background: url(../images/ombre_content.png); width:59px; height:13px; position:absolute; right:-59px; bottom:0}
.cont_criter{ background:#fff; padding:15px}
.cont_criter li{ display:block; float:left; width:220px; margin-right:11px} 
.cont_criter li.last{margin-right:0} 
.cont_criter ol{ padding:0; margin:0; border-bottom:#CECECE solid 1px; padding:10px 0}
.cont_criter ol.last{border-bottom:0}

.lab_check_site .btn_check{ float:left; display:block}
.lab_check_site em{display:block; float:left; font-style:normal; font-size:12.22px; color:#000; padding-left:15px; line-height:13px}

.liste_profil{font-family:"m_reg", Arial;}
.liste_profil li{ width:229px; height:134px; float:left; background:#E6E6E6; border:3px solid #C5C5C5; margin:0 10px 6px 0}
.liste_profil li.second{ margin-right:0} 
.liste_profil .cont_img { float:left; margin:5px 18px 6px 5px; border:1px solid #CECECE; width:112px; height:68px; overflow:hidden; background:#fff}
.liste_profil .cont_img img {width:112px; height:auto;}
.liste_profil .cont_info { float:left; width:87px; margin:5px 0 6px 0}
.liste_profil .cont_info span { display:block; padding-bottom:8px;font-family:"m_reg", Arial;text-overflow:ellipsis;-ms-text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.liste_profil .cont_info span em{ float:left; font-style:normal; display:block; float:left;}
.liste_profil .cont_info .age{ height:15px}
.liste_profil .cont_info .name{ color:#ff0080}
.liste_profil .cont_info .name a{ color:#ff0080}
.liste_profil .cont_info .localis{ background:url(../images/map.png) no-repeat; height:19px; padding-left:24px; color:#838383; line-height:19px; width:60px; padding-bottom:0}
.liste_profil .cont_info span i{ float:left; display:block; width:11px; height:11px; margin:3px 0 0 9px}
.liste_profil .cont_info span i img{ width:100%; height:100%}

.liste_profil .cont_img img{}
.cont_lien{; border-top:3px solid #8C8C8C; clear:both; background: #9C9C9C; height:50px}
.cont_lien ol{ background: #9C9C9C url(../images/line_link.png) right center no-repeat; float:left; display:block; height:47px; padding:0;  margin:0}
.cont_lien ol.last{ background:none}
.cont_lien ol a{ height:17px;  color:#fff; font-size:13px; display:block; padding:27px 11px 0 11px;text-align:center; background:url(../images/ico.png) no-repeat center top;}
.msie8 .cont_lien ol a{ padding:27px 10px 0 10px}

.cont_lien ol.last a{ margin-right:0}
.cont_lien ol a.favoris{ background-position: center -47px}
.cont_lien ol a.message{ background-position: center -94px}
.cont_lien ol a.chat{ background-position: center -141px}

.chargement{ text-align:center}
.deco_page{ background: url(../images/bg.gif); width:23px; height:24px; position:absolute; bottom:0; left:0}
.deco_page div{ background: url(../images/deco_page.png); width:23px; height:24px;}
.blk_exper{ background:#D8D8D8; padding-bottom:35px!important}
.expert_liste{ background:#fff; margin-top:8px}
.expert_liste li{ height:49px; border-top:3px solid #fff; padding:12px 8px; background:#fff}
.expert_liste li.second{ border-top-color:#B6B6B6; background:#D8D8D8}
.expert_liste .cont_img{ width:49px; height:47px; overflow:hidden; float:left; margin-right:10px; margin-left:3px}
.expert_liste .cont_img img{ width:49px; height:auto;}
.expert_liste .cont_info{float:left; width:105px}
.expert_liste .cont_info .name{ font-style:normal; color:#ff0080; font-weight:bold; font-size:14px; line-height:14px}
.expert_liste .cont_info p{ font-style:normal; margin:5px 0 0 0; height:32px; overflow:hidden; font-size:10px; color:#000; line-height:10px; text-align:justify}
.no_padding{ padding:0}
.no_padding h1{ top: -5px; left:12px}



.msie8 .cont_lien ol a{ padding-left:8px; padding-right:8px}